//主页下拉出现动画
$(".body-div ul>li:nth-child(2)").on("click", function () {
    $(this).children("div").slideToggle(200);
});

//实现点击修改头像按钮后显示修改头像页面
$(".sideright .head-portrait-div span").on("click", function () {
    $(".mask").css("display", "block");
    $(".edit-portrait-div").css("display", "block");
});

//实现点击编辑按钮后显示编辑页面
$(".sideright .grxx-div .title span:last-child").on("click", function () {
    $(".mask").css("display", "block");
    $(".edit-personal-data").css("display", "block");
});

//实现用户管理按钮鼠标悬浮效果
$(".wrapper-div .userManage-div").hover(function () {
    $(".wrapper-div .userManage-div a").css("color", "rgba(255, 255, 255, 0.9)");
},function () {
    $(".wrapper-div .userManage-div a").css("color", "rgba(0, 0, 0, 0.7)");
});

//实现更改姓名框鼠标失去焦点提示
$(".edit-personal-data .real-name").on("blur", function () {
    if ($(this).val() === "") {
        $(this).siblings(".name-tip").html("请填写真实姓名");
    } else {
        $(this).siblings(".name-tip").html("");
    }
});

//实现更改出生日期框鼠标失去焦点提示
$(".edit-personal-data .birthday").on("blur", function () {
    if ($(this).val() === "") {
        $(this).siblings(".birthday-tip").html("请填写出生日期");
    } else {
        $(this).siblings(".birthday-tip").html("");
    }
});

//实现更改性别框鼠标失去焦点提示
$(".edit-personal-data .sex").on("blur", function () {
    if ($(this).val() === "") {
        $(this).siblings(".sex-tip").html("请填写性别");
    } else {
        $(this).siblings(".sex-tip").html("");
    }
});

//实现修改个人信息保存功能
$(".edit-personal-data .save-info-btn button:first-child").on("click", function () {
    //实现修改个人信息保存成功的提示效果
    window.setTimeout(function () {
        $(".edit-personal-data .tip").css("display", "block");
        window.setTimeout(function () {
            $(".edit-personal-data .tip").css("display", "none");

            $(".mask").css("display", "none");
            $(".edit-personal-data").css("display", "none");
        }, 2500);
    }, 500);
});

//实现修改个人信息取消功能
$(".edit-personal-data .save-info-btn button:last-child").on("click", function () {
    $(".edit-personal-data .parcel-div div").html("");

    $(".mask").css("display", "none");
    $(".edit-personal-data").css("display", "none");
});